<template>
<div>
    <v-card>

            <v-list>
                <v-list-item-text>个人中心</v-list-item-text>
                <v-list-item>
                    <v-list-item-avatar color="indigo">
                            <v-icon dark>mdi-account-circle</v-icon>
                    </v-list-item-avatar>
                </v-list-item>

                <v-list-item link>
                    <v-list-item-content>
                        <v-list-item-title class="title">姓名</v-list-item-title>
                        <v-list-item-subtitle>手机</v-list-item-subtitle>
                    </v-list-item-content>

                    <v-list-item-action>
                        <v-icon>mdi-menu-down</v-icon>
                    </v-list-item-action>
                </v-list-item>
            </v-list>
            <v-divider></v-divider>
            <v-list
                    nav
                    dense
            >
                <v-list-item-group v-model="item" color="primary">
                    <v-list-item
                            v-for="(item, i) in items"
                            :key="i"
                    >
                        <v-list-item-icon>
                            <v-icon v-text="item.icon"></v-icon>
                        </v-list-item-icon>

                        <v-list-item-content>
                            <v-list-item-title v-text="item.text"></v-list-item-title>
                        </v-list-item-content>
                    </v-list-item>
                </v-list-item-group>
            </v-list>

    </v-card>
    
     <Home-Footer :type_="type_"></Home-Footer>

   
  </div>
</template>
<script>
  export default {
  data() {
    return {
        // type_:'use',
        item: 0,
        items: [
            { text: '预约记录', icon: 'mdi-folder' },
            { text: '费用记录', icon: 'mdi-account-multiple' },
            { text: '就诊记录', icon: 'mdi-star' },
            { text: '消息中心', icon: 'mdi-history' },
            { text: '更多', icon: 'mdi-check-circle' }

        ],
    }
  },
      computed: {
          type_() {
              var x='use'
              if (this.$cookies.isKey('username')) {
                  if (this.$cookies.get('username') == 0) {
                      x= 'adm_ok'
                  } else if (this.$cookies.get('username') == 1) {
                      x= 'use_ok'
                  }
              }
              else {
                  x= 'use'
              }
              return x
          }
      },
}
</script>


<style  scoped>

</style>
